<template>
	<view class="more">
		<view class="imageBox">
			<image src="/static/my/gdbj.png" mode=""></image>
		</view>
		<view class="listBox">
			<view class="list flex-r-b-c" @tap.stop="Jump(2)">
				<view class="list_l flex-r-s-c">
					<image src="/static/my/gymd.png" mode=""></image>
					<view class="text">关于墨典</view>
				</view>
				<u-icon name="arrow-right" size="36" color="#B6B6B6"></u-icon>
			</view>
			
			<view class="list flex-r-b-c" @tap.stop="Jump(4)">
				<view class="list_l flex-r-s-c">
					<image src="/static/my/yhxy.png" mode=""></image>
					<view class="text">用户协议</view>
				</view>
				<u-icon name="arrow-right" size="36" color="#B6B6B6"></u-icon>
			</view>
			
			<view class="list noBoder flex-r-b-c" @tap.stop="Jump(1)">
				<view class="list_l flex-r-s-c">
					<image src="/static/my/ysyy.png" mode=""></image>
					<view class="text">隐私协议</view>
				</view>
				<u-icon name="arrow-right" size="36" color="#B6B6B6"></u-icon>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onLoad() {
			
		},
		methods: {
			Jump(type){
				uni.navigateTo({
					url: '/pages/my/agreement/agreement?type=' + type
				})
			}
		}
	}
</script>

<style lang="less">
	.more{
		width: 100vw;
		
		.imageBox{
			width: 528rpx;
			height: 528rpx;
			margin: 60rpx auto;
			image{
				width: 100%;
				height: 100%;
			}
		}
		
		.listBox{
			width: 528rpx;
			margin: 60rpx auto;
			.list{
				width: 100%;
				padding: 50rpx 0rpx;
				border-bottom: 1px solid #EFEFEF;
				.list_l{
					image{
						width: 40rpx;
						height: 40rpx;
					}
					.text{
						margin-left: 30rpx;
						font-size: 28rpx;
						font-weight: 400;
						color: #000;
					}
				}
			}
			.noBoder{
				border: none;
			}
		}
	}
</style>
